<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 头部和尾部的模板样式 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入当前样式 -->
    <link rel="stylesheet" href="../css/regist.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="container flex-center">
            <a href="#">
                <h1></h1>
            </a>
            <p>已有源码账号，<a href="./login.html">立即登录</a></p>
        </div>
    </header>
    <!-- 占位符 -->
    <section class="header"></section>
    <!--主体 -->
    <main>
        <div class="container flex-center">
            <div id="regist">
                <h1>欢迎注册</h1>
                <h3>百款接口免费试用</h3>
                <p>注册即送300元大礼包</p>
                <form action="">
                    <p id="user">
                        <input type="text" placeholder="用户名(6-20位字母数字)">

                    </p>
                    <p id="phone">
                        <input type="tel" placeholder="请输入手机号码">
                    </p>
                    <p id="code">
                        <input type="text" id="codetext" placeholder="请输入手机短信验证码">
                        <i class="btn-code">获取验证码</i>
                    </p>
                    <p id="pwd">
                        <input type="password" placeholder="请输入6-12位的密码">
                    </p>
                    <p id="read">
                        <label>
                            <input type="checkbox">我已阅读并接受
                        </label>
                        <a href="">《源码用户服务协议》</a>
                        <a href="">《源码隐私政策》</a>
                    </p>
                    <button id="btn-regist" disabled>立即注册</button>
                </form>
            </div>
        </div>
    </main>
    <script src="../js/util.js"></script>
    <script src="../js/regist.js"></script>
</body>

</html>